<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/jindongbase.css">
    <link rel="stylesheet" href="../css/jindong.css">
    <script> (function flexible(window, document) { var docEl = document.documentElement; var dpr = window.devicePixelRatio || 1; function setBodyFontSize() { if (document.body) { document.body.style.fontSize = 12 * dpr + "px"; } else { document.addEventListener("DOMContentLoaded", setBodyFontSize); } } setBodyFontSize(); function setRemUnit() { var rem = docEl.clientWidth / 10; docEl.style.fontSize = rem + "px"; } setRemUnit(); window.addEventListener("resize", setRemUnit); window.addEventListener("pageshow", function(e) { if (e.persisted) { setRemUnit(); } }); if (dpr >= 2) { var fakeBody = document.createElement("body"); var testElement = document.createElement("div"); testElement.style.border = ".5px solid transparent"; fakeBody.appendChild(testElement); docEl.appendChild(fakeBody); if (testElement.offsetHeight === 1) { docEl.classList.add("hairlines"); } docEl.removeChild(fakeBody); } })(window, document); </script>
</head>
<body>
    <!-- 头部开始 -->
    <header>
        <a class="jingdong1" href="#">
            <i></i>
        </a>
        <div class="jingdong2">
             <input type="text">
        </div>
        <a class="jingdong3"href="#">登录</a>
    </header>
    <!-- 头部结束 -->
    <!-- 轮播开始 -->
    <div class="lunbo">
        <img src="../uploads/l1.jpg" alt="">
    </div>
    <!-- 导航开始 -->
    <div class="daohang">
        <a href="#"><img src="../images/nav_1.png" alt=""><p>京东超市</p></a>
        <a href="#"><img src="../images/nav_2.png" alt=""><p>京东超市</p></a>
        <a href="#"><img src="../images/nav_3.png" alt=""><p>京东超市</p></a>
        <a href="#"><img src="../images/nav_4.png" alt=""><p>京东超市</p></a>
        <a href="#"><img src="../images/nav_5.png" alt=""><p>京东超市</p></a>
        <a href="#"><img src="../images/nav_6.png" alt=""><p>京东超市</p></a>
        <a href="#"><img src="../images/nav_7.png" alt=""><p>京东超市</p></a>
        <a href="#"><img src="../images/nav_8.png" alt=""><p>京东超市</p></a>
    </div>
		<!-- 掌上秒杀开始 -->
		<div class="zhangshangmiaosha">
			<div class="zhangshangmiaosha1">
				<span>⏰</span>
				<span>掌上秒杀</span>
				<div class="time">
					<span>0</span>
					<span>5</span>
					<span>：</span>
					<span>0</span>
					<span>0</span>
					<span>：</span>
					<span>0</span>
					<span>0</span>
				</div>
				<span>更多秒杀&gt;</span>
			</div>
			<div class="zhangshangmiaosha2">
                <ul>
                    <li>
                        <a href="#">
                            <img src="../uploads/seckill_1.jpg" alt="">
                            <span class="remai">热卖</span>
                            <span class="price">￥79</span>
                            <del>￥139</del>
                        </a>
                    </li>
                    <li><a href="#">
                            <img src="../uploads/seckill_2.jpg" alt="">
                            <span class="remai">热卖</span>
                            <span class="price">￥79</span>
                            <del>￥139</del>
                        </a>
                    </li>
                    <li><a href="#">
                            <img src="../uploads/seckill_3.jpg" alt="">
                            <span class="remai">热卖</span>
                            <span class="price">￥79</span>
                            <del>￥139</del>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    <!-- 海报开始    -->
    <div class="hb-beijing">
    <div class="beijing2"><img src="../uploads/banner_bg.jpg" alt="">
        <ul class="clearfix">
            <li><a href="#"><img src="../uploads/banner_1.jpg" alt=""></a></li>
            <li><a href="#"><img src="../uploads/banner_2.jpg" alt=""></a></li>
            <li><a href="#"><img src="../uploads/banner_3.jpg" alt=""></a></li>
        </ul>
    </div>
</div>
<div class="shoujizhuanxiang">
    <ul>
        <li><a href="#"><img src="../uploads/major_1.jpg" alt=""></a></li>
        <li><a href="#"><img src="../uploads/major_2.jpg" alt=""></a></li>
        <li><a href="#"><img src="../uploads/major_3.jpg" alt=""></a></li>
        <li><a href="#"><img src="../uploads/major_4.jpg" alt=""></a></li>
        <li><a href="#"><img src="../uploads/major_5.jpg" alt=""></a></li>
        <li><a href="#"><img src="../uploads/major_6.jpg" alt=""></a></li>
        <li><a href="#"><img src="../uploads/major_7.jpg" alt=""></a></li>
    </ul>
</div>
<div class="lift_travel">
    <img src="../uploads/advert_1.jpg" alt="">
</div> 
<div class="market">
    <div class="market-title">特色超市</div>
    <div class="market-content clearfix">
        <a href="#"><img src="../uploads/market_1.jpg" alt=""></a>
        <a href="#"><img src="../uploads/market_2.jpg" alt=""></a>
        <a href="#"><img src="../uploads/market_3.jpg" alt=""></a>
        <a href="#"><img src="../uploads/market_4.jpg" alt=""></a>
        <a href="#"><img src="../uploads/market_5.jpg" alt=""></a>
    </div>
</div>
<div class="lift_trave2">
     <img src="../uploads/advert_2.jpg" alt="">
</div> 
<div class="market2">
    <div class="market-title2">主题街</div>
    <div class="market-content2 clearfix">
        <a href="#"><img src="../uploads/theme_1.jpg" alt=""></a>
        <a href="#"><img src="../uploads/theme_2.jpg" alt=""></a>
        <a href="#"><img src="../uploads/theme_3.jpg" alt=""></a>
        <a href="#"><img src="../uploads/theme_4.jpg" alt=""></a>
        <a href="#"><img src="../uploads/theme_5.jpg" alt=""></a>
        <a href="#"><img src="../uploads/theme_6.jpg" alt=""></a>
        <a href="#"><img src="../uploads/theme_7.jpg" alt=""></a>
        <a href="#"><img src="../uploads/theme_8.jpg" alt=""></a>
        <a href="#"><img src="../uploads/theme_9.jpg" alt=""></a>
        <a href="#"><img src="../uploads/theme_10.jpg" alt=""></a>
        <a href="#"><img src="../uploads/theme_11.jpg" alt=""></a>
        <a href="#"><img src="../uploads/theme_12.jpg" alt=""></a>
    </div>
</div>
<div class="lift_trave3">
    <img src="../uploads/advert_3.jpg" alt="">
</div> 
<div class="market3">
   <div class="market-title3">品牌推荐</div>
   <div class="market-content3 clearfix">
       <a href="#"><img src="../uploads/brand_1.jpg" alt=""></a>
       <a href="#"><img src="../uploads/brand_2.jpg" alt=""></a>
       <a href="#"><img src="../uploads/brand_3.jpg" alt=""></a>
   </div>
</div>

<div class="lift_trave4">
    <img src="../uploads/advert_4.jpg" alt="">
</div> 
<div class="market4">
   <div class="market-title4"><span class="pinpai">猜你喜欢</span>
    <a href="#"><span class="touxiang"></span><span class="deng">登录后更懂你</span></a>
   </div>
   <div class="market-content4 clearfix">
       <ul>
           <li>
                <div class="market-nav1">
                    <span>￥99</span>
                    <a href="#">看相似</a>
                </div>
               <a href="#"><img src="../uploads/item_1.jpg" alt="">
                <p>迪士尼防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表多功能运动表男童学生手表多功能运动表男童学生手表</p>
            </a>
           </li>
           <li>
                <div class="market-nav1">
                    <span>￥99</span>
                    <a href="#">看相似</a>
                </div>
               <a href="#"><img src="../uploads/item_2.jpg" alt="">
                <p>迪士尼防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表多功能运动表男童学生手表多功能运动表男童学生手表</p>
            </a>
           </li>
           <li>
                <div class="market-nav1">
                    <span>￥99</span>
                    <a href="#">看相似</a>
                </div>
               <a href="#"><img src="../uploads/item_3.jpg" alt="">
                <p>迪士尼防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表多功能运动表男童学生手表多功能运动表男童学生手表</p>
            </a>
           </li>
           <li>
                <div class="market-nav1">
                    <span>￥99</span>
                    <a href="#">看相似</a>
                </div>
               <a href="#"><img src="../uploads/item_4.jpg" alt="">
                <p>迪士尼防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表多功能运动表男童学生手表多功能运动表男童学生手表</p>
            </a>
           </li>
           <li>
                <div class="market-nav1">
                    <span>￥99</span>
                    <a href="#">看相似</a>
                </div>
               <a href="#"><img src="../uploads/item_5.jpg" alt="">
                <p>迪士尼防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表多功能运动表男童学生手表多功能运动表男童学生手表</p>
            </a>
           </li>
           <li>
                <div class="market-nav1">
                    <span>￥99</span>
                    <a href="#">看相似</a>
                </div>
               <a href="#"><img src="../uploads/item_6.jpg" alt="">
                <p>迪士尼防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表多功能运动表男童学生手表多功能运动表男童学生手表</p>
            </a>
           </li>
           <li>
                <div class="market-nav1">
                    <span>￥99</span>
                    <a href="#">看相似</a>
                </div>
               <a href="#"><img src="../uploads/item_7.jpg" alt="">
                <p>迪士尼防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表多功能运动表男童学生手表多功能运动表男童学生手表</p>
            </a>
           </li>
           <li>
                <div class="market-nav1">
                    <span>￥99</span>
                    <a href="#">看相似</a>
                </div>
               <a href="#"><img src="../uploads/item_8.jpg" alt="">
                <p>迪士尼防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表多功能运动表男童学生手表多功能运动表男童学生手表</p>
            </a>
           </li>
           <li>
                <div class="market-nav1">
                    <span>￥99</span>
                    <a href="#">看相似</a>
                </div>
               <a href="#"><img src="../uploads/item_9.jpg" alt="">
                <p>迪士尼防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表多功能运动表男童学生手表多功能运动表男童学生手表</p>
            </a>
           </li>
           <li>
                <div class="market-nav1">
                    <span>￥99</span>
                    <a href="#">看相似</a>
                </div>
               <a href="#"><img src="../uploads/item_10.jpg" alt="">
                <p>迪士尼防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表多功能运动表男童学生手表多功能运动表男童学生手表</p>
            </a>
           </li>
       </ul>   
   </div>
</div>
<!-- 尾部开始 -->
<footer>
    <div class="dianji"><a href="#">点击加载更多</a></div>
    <div class="weibu2 clearfix">
        <ul>
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
            <li><a href="#">反馈</a></li>
            <li><a href="#">回到顶部</a></li>
        </ul>
    </div>
    <div class="weibu3 clearfix">
        <ul>
            <li><a href="#"><img src="" alt="">
            <p>客户端</p></a></li>
            <li><a href="#"><img src="" alt="">
            <p>客户端</p></a></li>
            <li><a href="#"><img src="" alt="">
            <p>客户端</p></a></li>
        </ul>
    </div>
    <div class="banquan">
        Copyright &copy; 2004-2016京东jd.com版权·所有
    </div>
    <div class="weibu5">
        <a href="#"><img src="../images/index-icon.png" alt=""></a>
        <a href="#"><img src="../images/sort-icon.png" alt=""></a>
        <a href="#"><img src="../images/618-icon.png" alt=""></a>
        <a href="#"><img src="../images/cart-icon.png" alt=""></a>
        <a href="#"><img src="../images/center-icon.png" alt=""></a>
    </div>
</footer>
</body>
</html>